<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Whobar Demo: Login</title>
<link rel="stylesheet" href="whobar.css" type="text/css" />
<script type="text/javascript">
    var idTypes = ['id_in', 'id_oi'];
    var idHelpStrings = [
    'i-names are digital identifiers designed for sharing resources and data across domains and applications. A list of i-name brokers can be found <a href="http://www.inames.org/register.html">here</a>.',
    'An OpenID identity is just a URL. A list of sites that provide OpenID identities can be found <a href="http://www.lifewiki.net/openid/OpenIDServers">here</a>.'
    ];
    function focusit() {
        document.getElementById('openid_identifier').focus();
    }
    window.onload = focusit;
</script>
<script src="whobar.js" type="text/javascript"></script>
<body>
<fieldset id="whobar">
    <legend>Login/Register with identifier</legend>
    <form class="openid" method="post" action="../index.php?whobar_action=discover" accept-charset="utf-8" id="whobarForm">
    <p>
        <label for="openid_identifier">
            <a href="#" onclick="identifierHelp('id_in')" title="What is an i-name?" id="id_in">i-name</a> | 
            <a href="#" onclick="identifierHelp('id_oi')" title="What is an OpenID?" id="id_oi">OpenID</a>
        </label>  
        <p id="helpArea"></p>

        <input type="hidden" name="openid.ns.ax" value="http://openid.net/srv/ax/1.0" />
        <input type="hidden" name="openid.ax.fetch.first_name" value="http://openid.net/schema/namePerson/first" />
        <input type="hidden" name="openid.ax.fetch.last_name" value="http://openid.net/schema/namePerson/last" />
        <input type="hidden" name="openid.ax.fetch.email" value="http://openid.net/schema/contact/internet/email" />
        <input type="hidden" name="openid.ax.fetch.identifier" value="http://openid.net/schema/person/guid" />

        <input type="hidden" name="a_passthrough_parameter" value="an example passthrough parameter" />
          
        <input name="openid_identifier" size="25" id="openid_identifier" value="" />
        <input type="image" value="login" src="btn_signin.gif" />      
    </p>
    <p>
        or
    </p>
    <p>
        <input type="image" src="btn_use_an_infocard.gif" alt="Use An InfoCard" name="whobar_invoke_infocard[0]" value="1" />
    </p>
    </form>    
</fieldset>
</body>
</html>
